<?php
include APPPATH . 'views/cms/inc/01_head.php';
include APPPATH . 'views/cms/inc/05_top.php';
?>
<!-- Content container -->
<div id="container">
    <?php include APPPATH . 'views/cms/inc/04_slidebar.php'; ?>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/plugins/charts/jquery.flot.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/plugins/charts/jquery.flot.orderBars.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/plugins/charts/jquery.flot.resize.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/plugins/charts/jquery.flot.pie.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/plugins/charts/jquery.sparkline.min.js"></script>
	
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/functions/charts.js"></script>

	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/chart1.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/chart2.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/chart3.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/updating.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/graph.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/bar.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/hBar.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/pie.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/pie_full.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/donut.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/filled1.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/filled2.js"></script>
	<script type="text/javascript" src="/libraries/pannonia/pannonia/js/charts/filled3.js"></script>
<!-- Content -->
		<div id="content">

		    <!-- Content wrapper -->
		    <div class="wrapper">

			    <!-- Breadcrumbs line -->
			    <div class="crumbs">
		            <ul id="breadcrumbs" class="breadcrumb"> 
		                <li><a href="index.html">Dashboard</a></li>
		                <li class="active"><a href="charts.html" title="">Charts</a></li>
		            </ul>
			        
		            <ul class="alt-buttons">
		                <li><a href="#" title=""><i class="icon-signal"></i><span>Stats</span></a></li>
		                <li><a href="#" title=""><i class="icon-comments"></i><span>Messages</span></a></li>
		                <li class="dropdown"><a href="/cms/ho" title="" ><i class="icon-tasks"></i><span>Tasks</span> <strong>(+16)</strong></a>
		                	
		                </li>
		            </ul>
			    </div>
			    <!-- /breadcrumbs line -->

			    <!-- Page header -->
			    <div class="page-header">
			    	<div class="page-title">
				    	<h5>Charts and graphs</h5>
				    	<span>Statistic elements and widgets</span>
			    	</div>

			    	<ul class="page-stats">
			    		<li>
			    			<div class="showcase">
			    				<span>New visits</span>
			    				<h2>22.504</h2>
			    			</div>
			    			<div id="total-visits" class="chart">10,14,8,45,23,41,22,31,19,12, 28, 21, 24, 20</div>
			    		</li>
			    		<li>
			    			<div class="showcase">
			    				<span>My balance</span>
			    				<h2>$16.290</h2>
			    			</div>
			    			<div id="balance" class="chart">10,14,8,45,23,41,22,31,19,12, 28, 21, 24, 20</div>
			    		</li>
			    	</ul>
			    </div>
			    <!-- /page header -->

			    

		    	<!-- Earnings stats widgets -->
		    	<div class="row-fluid">

		    		<div class="span4">
				        <div class="widget">
							<div class="navbar"><div class="navbar-inner"><h6>Earnings statistic</h6></div></div>
				            <div class="well body">
				            	<ul class="stats-details">
				            		<li>
				            			<strong>Current balance</strong>
				            			<span>latest update on 12:39 am</span>
				            		</li>
				            		<li>
				            			<div class="number">
					            			<a href="#" title="" data-toggle="dropdown"></a>
											<ul class="dropdown-menu pull-right">
												<li><a href="#" title=""><i class="icon-refresh"></i>Reload data</a></li>
												<li><a href="#" title=""><i class="icon-calendar"></i>Change time period</a></li>
												<li><a href="#" title=""><i class="icon-cog"></i>Parameters</a></li>
												<li><a href="#" title=""><i class="icon-download-alt"></i>Download statement</a></li>
											</ul>
											<span>$6,458</span>
										</div>
				            		</li>
				            	</ul>
				            	<div class="graph" id="chart1"></div>
				            </div>
				        </div>
		    		</div>

		    		<div class="span4">
				        <div class="widget">
							<div class="navbar"><div class="navbar-inner"><h6>Visitor statistics</h6></div></div>
				            <div class="well body">
				            	<ul class="stats-details">
				            		<li>
				            			<strong>Today's visitors</strong>
				            			<span>latest update on 4:42 pm</span>
				            		</li>
				            		<li>
				            			<div class="number">
					            			<a href="#" title="" data-toggle="dropdown"></a>
											<ul class="dropdown-menu pull-right">
												<li><a href="#" title=""><i class="icon-refresh"></i>Reload data</a></li>
												<li><a href="#" title=""><i class="icon-calendar"></i>Change time period</a></li>
												<li><a href="#" title=""><i class="icon-cog"></i>Parameters</a></li>
												<li><a href="#" title=""><i class="icon-download-alt"></i>Download statement</a></li>
											</ul>
											<span>+12,127</span>
										</div>
				            		</li>
				            	</ul>
				            	<div class="graph" id="chart2"></div>
				            </div>
				        </div>
		    		</div>

		    		<div class="span4">
				        <div class="widget">
							<div class="navbar"><div class="navbar-inner"><h6>Click statistics</h6></div></div>
				            <div class="well body">
				            	<ul class="stats-details">
				            		<li>
				            			<strong>Total clicks</strong>
				            			<span>latest update on 3:09 pm</span>
				            		</li>
				            		<li>
				            			<div class="number">
					            			<a href="#" title="" data-toggle="dropdown"></a>
											<ul class="dropdown-menu pull-right">
												<li><a href="#" title=""><i class="icon-refresh"></i>Reload data</a></li>
												<li><a href="#" title=""><i class="icon-calendar"></i>Change time period</a></li>
												<li><a href="#" title=""><i class="icon-cog"></i>Parameters<strong class="badge badge-info">9</strong></a></li>
												<li><a href="#" title=""><i class="icon-download-alt"></i>Download statement</a></li>
											</ul>
											<span>168k+</span>
										</div>
				            		</li>
				            	</ul>
				            	<div class="graph" id="chart3"></div>
				            </div>
				        </div>
		    		</div>
		    	</div>
		    	<!-- /earnings stats widgets -->

		    	<!-- Charts -->
	            <div class="row-fluid">
	                <div class="span6">

						<!-- Vertical bars -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Vertical bars</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="placeholder1"></div>
			                </div>
			            </div>
			            <!-- /vertical bars -->

						<!-- Simple chart -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Simple chart</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="graph"></div>
			                </div>
			            </div>
			            <!-- /simple chart -->

			        </div>

			        <div class="span6">

						<!-- Horizontal bars -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Horizontal bars</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="placeholder1_h"></div>
			                </div>
			            </div>
			            <!-- /horizontal bars -->

						<!-- Updating chart -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Updating chart</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="updating"></div>
			                </div>
			            </div>
			            <!-- /updating chart -->

			        </div>
		        </div>
		        <!-- /charts -->

		        <!-- Charts -->
		        <div class="row-fluid">

		        	<div class="span4">

						<!-- Donut chart -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Donut chart</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="donut"></div>
			                </div>
			            </div>
			            <!-- /donut chart -->

						<!-- Filled chart (green) -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Filled chart (green)</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="filled1"></div>
			                </div>
			            </div>
			            <!-- /filled chart (green) -->

		        	</div>

		        	<div class="span4">

						<!-- Pie chart -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Pie chart</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="pie"></div>
			                </div>
			            </div>
			            <!-- /pie chart -->

						<!-- Filled chart (red) -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Filled chart (red)</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="filled2"></div>
			                </div>
			            </div>
			            <!-- /filled chart (red) -->

		        	</div>

		        	<div class="span4">

						<!-- Full size pie -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Full size chart</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="pie_full"></div>
			                </div>
			            </div>
			            <!-- /full size pie -->

						<!-- Filled chart (blue) -->       
			            <div class="widget">
			            	<div class="navbar">
			                	<div class="navbar-inner">
			                    	<h6>Filled chart (blue)</h6>
			                    </div>
			                </div>
			                <div class="well body">
			                	<div class="graph-standard" id="filled3"></div>
			                </div>
			            </div>
			            <!-- /filled chart (blue) -->

		        	</div>
		        </div>
		        <!-- /charts -->

		    </div>
		    <!-- /content wrapper -->

		</div>
		<!-- /content -->
		
</div>
<!-- /content container -->
<?php include APPPATH . 'views/cms/inc/02_foot.php'; ?>